<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DLS - Nueva Oferta</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/reset.css">

<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/script.js"></script>

<script>
  $(function() {
    $( "#fecPub" ).datepicker({ changeMonth: true, changeYear: true });
    $( "#fecCie" ).datepicker({ changeMonth: true, changeYear: true });
    $( "#spinVacantes" ).spinner();
    $( "#btnPublish" ).button({ icons: { primary: "ui-icon-disk" } });
    $( "#btnCancel" ).button({ icons: { primary: "ui-icon-close" } });
  });
</script>
</head>
<body>

<div class="wrapper styled">

<jsp:include page="../template/header.jsp"></jsp:include>

<jsp:include page="../template/menu.jsp"></jsp:include>

<div class="body">
	
	<div class="metro-title textCenter">
		<span>DLS - Nueva Oferta</span>
	</div>
	
	<table class="tbForm">
    	<tr class="trHead">
    		<td colspan="2"><label>Cargo/Posición</label></td>
    		<td><label>Area/Unidad</label></td>
    	</tr>
    	<tr>
    		<td colspan="2" style="vertical-align: top;">
    			<textarea rows="4" cols="40"></textarea>
    		</td>
    		<td style="vertical-align: top;"><input type="text"></td>
    	</tr>
    	<tr class="trHead">
    		<td><label class="">Fecha de Publicación</label></td>
    		<td><label class="">Fecha de Cierre</label></td>
    		<td><label class="">Vacantes</label></td>
    	</tr>
    	<tr>
    		<td><input id="fecPub" type="text"></td>
    		<td><input id="fecCie" type="text"></td>
    		<td><input id="spinVacantes" type="text" value="1"></td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="2"><label class="">Especialidad</label></td>
    		<td colspan="2"><label class="">Experiencia Laboral</label></td>
    		
    	</tr>
    	<tr>
    		<td colspan="2"><textarea rows="3" cols="40"></textarea></td>
    		<td colspan="2"><textarea rows="3" cols="40"></textarea></td>
    	</tr>
    	<tr class="trHead">    		
    		<td colspan="2"><label class="">Conocimientos y Habilidades</label></td>
    		<td colspan="2"><label class="">Funciones del Puesto</label></td>
    	</tr>
    	<tr>
    		<td colspan="2"><textarea rows="3" cols="40"></textarea></td>
    		<td colspan="2"><textarea rows="3" cols="40"></textarea></td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="2"><label>Requisitos</label></td>
    		<td colspan="2"><label>Competencias</label></td>
    	</tr>
    	<tr>
    		<td colspan="2"><textarea rows="12" cols="40"></textarea></td>
    		<td colspan="2">
    			<textarea rows="12" cols="40">•Proactivo, responsable y comprometido.					•Alta capacidad de análisis y solución de problemas.					•Excelente capacidad de comunicación y trabajo en equipo.					•Buen manejo de trabajo bajo presión.</textarea>
    		</td>
    	</tr>
    	
    </table>
	
	<div class="line" style="text-align: center;">
		<!-- <button id="btnPublish">Publicar</button> -->
		<a id="btnPublish" href="/RRHH/rrhh/listaOfertas.jsp">Publicar</a>
		<a id="btnCancel" href="/RRHH/rrhh/listaOfertas.jsp">Cancelar</a>
	</div>
</div>

<jsp:include page="../template/footer.jsp"></jsp:include>

</div>

</body>
</html>